<!-- Two Column (Equal) -->
<div class="modal-form">
    <div class="column-right">

        <!-- Colour Tabbed Block (Full Width) -->
        <div class="block block-colour" style="margin-bottom:0px;">

            <!-- Block Header -->
            <div class="head">
                <div class="cap-left"></div>
                <div class="cap-right"></div>
                <div class="content">

                    <!-- Block Title -->
                    <h2><?php echo $this->translate('Create a new agent');?></h2>
                    <!-- /Block Title -->

                    <!-- Block Icon (Don't include this with tabs) -->
                    <a href="javascript:jQuery.fancybox.close();" title="" class="block-icon"><img src="images/block-icons/stop.png" alt="<?php echo $this->translate('Close window');?>" title="<?php echo $this->translate('Close window');?>" width="32" height="32" /></a>
                    <!-- /Block Icon (Don't include this with tabs) -->

                </div>
                <div class="clear-both"></div>
            </div>
            <!-- /Block Header -->

            <!-- Block Content -->
            <div class="block-content">

                <!-- Tab One -->
                <div id="tab-four-one">

                    <!-- Standard Form (Small) -->
                    <form action="<?php echo $this->url('hub', array('action'=>'addagent'));?>" method="post" class="standard-form standard-form-small">
                        <fieldset>
                            <legend><?php echo $this->translate('Agent\'s identification');?></legend>

                            <!-- Field -->
                            <div class="field <?php if(array_key_exists('email', $formMessages) && empty($message)) {echo 'field-error';} ?>">
                                <label for="field_1"><?php echo $this->translate('Name');?></label>
                                <input type="text" name="name" id="field_1" class="textbox" value="<?php if(empty($message)) {echo $formData['email'];} ?>"/>
                                <p class="field-help">
                                    <?php if(array_key_exists('email', $formMessages)) {
                                        foreach ($formMessages['email'] as $key => $val) {
                                            echo $key . " ";
                                        }
                                    } else { echo  $this->translate('Like raspberryPi_01 But only letters, numbers and _');}
                                    ?>
                                </p>
                            </div>
                            <!-- /Field -->

                            <!-- Field -->
                            <div class="field <?php if(array_key_exists('password', $formMessages) && empty($message)) {echo 'field-error';} ?>">
                                <label for="field_2"><?php echo $this->translate('Description');?></label>
                                <input type="text" name="description" id="field_2" class="textbox" style="width: 250px" />
                                <p class="field-help"><?php if(array_key_exists('password', $formMessages)) {
                                        foreach ($formMessages['password'] as $key => $val) {
                                            echo $key . " ";
                                        }
                                    } else { echo $this->translate('Something like: Lights in the house and garage');}
                                    ?>
                                </p>
                            </div>
                            <!-- /Field -->

                        </fieldset>
                        <!-- Form Controls -->
                        <div class="form-controls">
                            <button type="submit" class="form-button-colour"><?php echo $this->translate('Create');?></button>
                        </div>
                        <!-- /Form Controls -->

                    </form>
                    <!-- /Standard Form (Small) -->

                </div>
                <!-- /Tab One -->

            </div>
            <!-- /Block Content -->

            <!-- Block Footer Cap -->
            <div class="block-footer-cap">
                <div class="cap-left"></div>
                <div class="cap-right"></div>
                <div class="content"></div>
            </div>
            <!-- /Block Footer Cap -->

        </div>
        <!-- /Colour Tabbed Block (Full Width) -->

    </div>
    <div class="clear-both"></div>
</div>
